<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" 	prefix="s"%>
<%@ include file="/jsp/common/common_head.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<title>示界港管理平台</title>
<%@ include file="/jsp/common/common_script.jsp"%>
<style type="text/css">
	.upload_progress{
		margin-top:2px;
	    width: 200px;
	    height: 14px;
	    margin-bottom: 10px;
	    overflow: hidden;
	    background-color: #f5f5f5;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	}
	.upload_progress_bar{ 
		background-color: rgb(92, 184, 92);
		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
		background-size: 40px 40px;
		box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
		box-sizing: border-box;
		color: rgb(255, 255, 255);
		display: block;
		float: left; 
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		transition-delay: 0s;
		transition-duration: 0.6s;
		transition-property: width;
		transition-timing-function: ease;
		width: 266.188px;
	}
	
	::-ms-browse,
	[type='file'] {
				padding: .4em;
				line-height: 15px;
				border: 1px solid #a0b3d6;
				background: #f0f3f9;
				color: #34538b;
			}
	::-webkit-file-upload-button {
				padding: .4em;
				line-height: 10px;
				border: 1px solid #a0b3d6;
				background: #f0f3f9;
				color: #34538b;
			}				
	
</style>
<script type="text/javascript">
 var g_userId = '<%=session.getAttribute("userId")%>';
</script>
</head>
<body>
<table class="queryTable" >
	<tr>
		<td class="queryTitle" width="80px">动画ID:</td>
		<td class="queryContent">
			<input class="inputText" type="text" id="queryAniId" />
		</td>
		<td class="queryTitle" width="80px">动画名称:</td>
		<td class="queryContent">
			<input class="inputText" type="text" id="queryName" />
		</td>
		<td class="queryTitle" width="80px">用户ID:</td>
		<td class="queryContent">
			<input class="inputText" type="text" id="queryUserId" />
		</td>
		<td class="queryTitle" width="80px">场景分类:</td>
		<td class="queryContent">
			<select id="queryPri" class="easyui-combobox" panelHeight = 'auto' style="100px" editable="false">
				<option value="" selected="selected">不限</option>
				<option value = '0'>共通的</option>
				<option value = '1'>私有的</option>
			</select>
		</td>
		<td class="queryBtnTd">
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery()">查询</a>
		</td>
	</tr>
</table>

<table id="imageGrid"></table>

<div id="addDlg" class="easyui-window" title="" closed="true" style="width:800px; height:auto;text-align:left; background: #fff;">
	<div style="padding-left:20px;border-bottom-style: groove;">
		<form id="imgUploadForm"  method="POST">
		    <h3 style="text-decoration: underline;">自定义上传动画</h3>
		    <div id="divName">
		    	<span style="color:blue;">定义动画名称:</span>
				<input class="easyui-validatebox textbox" id="aniName"
				data-options="prompt:'Enter animation title.',required:true,validType:'length[2,100]'">
		    </div>
		    <div id="divJson" style="margin-top: 5px;">
		    	<span style="color:blue;">上传JSON文件:</span>
		    	<input type="file" class="easyui-linkbutton" name="jsonFile" id="jsonFile"/>
		    </div>
		    
		    <div id="addDlgBtn" style="padding-left: 1px;">
		    	<hr/>
			    <div id="ossfile"></div>
				<div style="display:none;margin-top:10px" id="uploadMsg">
					<input type="text" name="msgTxt" id="msgTxt" value="处理完毕！" size="100" readonly="true" style="border:0px;left:20px;color:green"/>
			    </div>
			    <div style="clear:both;padding-top:10px;margin-bottom:10px;">
					<a class="easyui-linkbutton" id="selFiles" iconCls="icon-undo" href="javascript:void(0)" style="font-size: 10px;">选图片</a>
					<a class="easyui-linkbutton" id="postFiles" iconCls="icon-ok" href="javascript:void(0)" >上传</a>
					<a class="easyui-linkbutton" iconCls="icon-no" href="javascript:void(0)" onclick="cancelPostData()">取消</a>
			    </div>
		    </div>
		</form>
	</div>
	<div style="clear:both;padding-left:20px;padding-top:10px;margin-bottom:10px;text-align:center;" id="editBtn" hidden="hidden">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doUPload()">提交动画</a>
    </div>
</div>

<div id="tmplSetDlg" class="easyui-window" closed="true" style="width:600px; height:500px;text-align:left; background: #fff;">
		<table id="tmplSetTable" class="queryTable" style="margin-top: 0px;">
		</table>
</div>


<div id="tmplJsonDlg" class="easyui-window" closed="true" style="width:400px; height:auto;text-align:left; background: #fff;">
	<textarea rows="20" cols="51" id="tmplJsonTxt"></textarea>
</div>

<!-- 视频播放 -->
<div id="playVideoDlg" class="easyui-window" closed="true" style="width:550px; height: 520px;background: #fafafa;">
	<div class="easyui-layout" fit="true">
         <div data-options="region:'center',title:'视频资源',split:true" style="height:360px;" id="viderUrl">
         </div>
         <div data-options="region:'south',title:'封面图',split:true" style="height:185px;" id="videoThumb"></div>
     </div>
</div>

<script type="text/javascript" src="${ctx }/js/qiniu/plupload/plupload.full.min.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/plupload/i18n/zh_CN.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/ui.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/qiniu.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/highlight/highlight.js"></script>
<%-- <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.1.6.min.js"></script> --%>
<script type="text/javascript" src="${ctx }/js/lib/crypto1/crypto/crypto.js"></script>
<script type="text/javascript" src="${ctx }/js/lib/crypto1/hmac/hmac.js"></script>
<script type="text/javascript" src="${ctx }/js/lib/crypto1/sha1/sha1.js"></script>
<script type="text/javascript" src="${ctx }/js/lib/base64.js"></script>
<script type="text/javascript" src="${ctx }/js/yjx/custAniMgr.js"></script>
</body>
</html>
